/* 公共通用样式 */

/* @import './variable.scss'; */
.fb{font-weight: bold;}
.f8{font-size: 8px;}
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f32{font-size: 32px;}
.f36{font-size: 36px;}
.f40{font-size: 40px;}
.f44{font-size: 44px;}

.f48{font-size: 48px;}
.f56{font-size: 56px;}
.f60{font-size: 60px;}

.fixbtm{
	position: fixed;
	bottom:0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}
/* .btnsure{
	width: 700px;
	height: 88px;
	background: #216EFF;
	border-radius: 44px 44px 44px 44px;
	opacity: 1;
	text-align: center;
	line-height: 88px;
	align-items: center;
	color: #FFFFFF;
	font-size: 32px;
    font-weight: bold;
	
	
} */

.b-rd{
	border-radius: 8px;
}
.b-b{
	border-bottom:1px solid #CCC ;
}
.b-r{
	border-right:1px solid #CCC ;
}
.b-t{
	border-top:1px solid #CCC ;
}
.b-l{
	border-left:1px solid #CCC ;
}
.bn{
	border: none !important;
}
.b-s{
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
}
.c3{
	color:#333
}
.c6{
	color:#666
}
.c9{
	color:#999
}
.ce{
	color:#eee
}
.c0{
	color:#000
}
.cf{
	color: #fff;
}
.cr{
	color: #FF3149;
}
.cg{
	color: #18D824;
}
.cw{
	color: #FFA901;
}


// 公共类


.bf{
	background: #fff;
}



.f{
	display: flex;
	align-items: center;
}
.f1{
	flex: 1;
}
.f-c{
	display: flex;
	justify-content: center;
	align-items: center;
}

.f-s-a{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.f-s-b{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.f-f-c{
	display: flex;
	flex-direction: column;
}
.f-f-c-cl{
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* align-items: center; */
}
.f-f-c-c{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.f-w{
	display: flex;
	flex-wrap: wrap;
}
.f-w-c{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.f-w-a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.f-w-b{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.m0{
	margin: 0 ;
}
.ma{
	margin: 0 auto;
}
.m10{
	margin: 10px;
}
.mt10{
	margin-top: 10px;
}
.mb10{
	margin-bottom: 10px;
}
.ml10{
	margin-left: 10px;
}
.mr10{
	margin-right: 10px;
}

.m20{
	margin: 20px;
}
.mt20{
	margin-top: 20px;
}
.mb20{
	margin-bottom: 20px;
}
.ml20{
	margin-left: 20px;
}
.mr20{
	margin-right: 20px;
}
.mr100{
	margin-right: 100px;
}

.mt30{
	margin-top: 30px;
}

.mt40{
	margin-top: 40px;
}


.p10{
	padding: 10px;
}
.pt10{
	padding-top: 10px;
}
.pb10{
	padding-bottom: 10px;
}
.pl10{
	padding-left: 10px;
}
.pr10{
	padding-right: 10px;
}

.p20{
	padding: 20px;
}

.pt20{
	padding-top: 20px;
}
.pb20{
	padding-bottom: 20px;
}
.pl20{
	padding-left: 20px;
}
.pr20{
	padding-right: 20px;
}

.cell-p{
	padding: 20px 30px;
}

.pt40{
	padding-top: 40px;
}
.pb40{
	padding-bottom: 40px;
}
.pr40{
	padding-right: 40px;
}
.pl40{
	padding-left: 40px;
}
.p40{
	padding: 40px;
}
.pt0{
	padding-top: 0;
}
.pb0{
	padding-bottom: 0;
}
.pl0{
	padding-left: 0;
}
.pr0{
	padding-right: 0;
}
.xing::before{
	content: "*";
	color: #FF3149;
	
}
.sureBtn{
	position: fixed;
	bottom: 200px;
	left: 50%;
	transform: translate(-50%,0);
	width: 700px;
	height: 88px;
	background: linear-gradient(90deg, #31EB8D 0%, #4CC097 100%);
	box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.16);
	border-radius: 44px 44px 44px 44px;
	opacity: 1;
	text-align: center;
	line-height: 88px;
	font-size: 32px;
	font-weight: bold;
	color: #FFFFFF;
}
.sureBtn2{
	margin: 40px auto;
	width: 700px;
	height: 88px;
	background: linear-gradient(90deg, #31EB8D 0%, #4CC097 100%);
	box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.16);
	border-radius: 44px 44px 44px 44px;
	opacity: 1;
	text-align: center;
	line-height: 88px;
	font-size: 32px;
	font-weight: bold;
	color: #FFFFFF;
}
